<template>
  <div class="out">
    <img src="@/assets/20200122.jpeg" alt="">
    <el-button type="primary" class="goHome" @click="goHome">返回首页</el-button>
  </div>
</template>

<script>
export default {
  name: '404',
  methods: {
    goHome() {
      this.$router.push('/')
    }
  }
}
</script>
<style lang='scss' scoped>
.out {
  display: flex;
  justify-content: center;
  align-items: center;

  img {
    width: 100%;
  }

  .goHome {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #fff;
    border: none;
    background-color: transparent;
  }
}
</style>
